.content {
	height: auto!important;
}
.header_bg {
	width: 750rpx;
	height: 420rpx;
	
	.bg_img {
		width: 100%;
		height: 100%;
	}
}

.info_box {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	margin-top: -100rpx;
	width: 686rpx;
	height: 268rpx;
	border: 1px solid #554E83;
	background: linear-gradient(0deg, #252138 0%, #3C355B 100%);
	border-radius: 16rpx;
	
	.top {
		position: relative;
		height: 160rpx;
		padding: 30rpx 36rpx;
		box-sizing: border-box;
		font-family: PingFang SC;
		
		.eidt {
			width: 30rpx;
			height: 30rpx;
			position: absolute;
			right: 36rpx;
			top: 48rpx;
		}
		
		.icon {
			width: 102rpx;
			height: 102rpx;
			border-radius: 50%;
			overflow: hidden;
		}
		
		.name_id {
			margin-left: 30rpx;
			
			.name {
				font-size: 30rpx;
				font-weight: bold;
				color: #F1EDFF;
				
				.img_val {
					width: 26rpx;
					height: 26rpx;
				}
			}
			
			.id_warp {
				font-size: 26rpx;
				font-weight: 500;
				color: #E5DDFF;
				opacity: 0.8;
				
				.img_val {
					width: 22rpx;
					height: 22rpx;
				}
				
				.copy {
					margin-left: 5rpx;
					width: 56rpx;
					height: 30rpx;
					background: rgba(229,221,255, 0.11);
					border-radius: 15rpx;
					font-size: 18rpx;
					font-weight: 500;
					color: #E5DDFF;
					opacity: 0.5;
					text-align: center;
					line-height: 30rpx;
				}
			}
		}
	}
	
	.sign {
		position: relative;
		z-index: 4;
		margin-top: 16rpx;
		width: 100%;
		padding: 0 55rpx;
		box-sizing: border-box;
		
		.yh {
			position: absolute;
			left: 26rpx;
			top: 0;
			width: 34rpx;
			height: 30rpx;
		}
		
		.sign_txt {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #E5DDFF;
			line-height: 36rpx;
			opacity: 0.8;
		}
	}
}

.tab_warp>._item:first-child {
	margin-left: 0!important;
}

.tab_zw {
	width: 100%;
	height: 100rpx;
}

.tab_warp {
	position: relative;
	z-index: 2;
	height: 100rpx;
	background-color: #171525;
	font-family: PingFang SC;
	padding: 0 32rpx;
	box-sizing: border-box;
	
	._item {
		margin-left: 46rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #6F6B80;
		&.active {
			font-size: 36rpx;
			font-weight: bold;
			color: #F1EDFF;
			// transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
		}
	}
	
	._underline {
		position: absolute;
		bottom: 20rpx;
		width: 14rpx;
		height: 6rpx;
		background: #F1EDFF;
		border-radius: 3rpx;
		transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
	}
}

.main_box {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #171525;
	
	.photo_album {
		background-color: #171525;
		padding: 0 32rpx;
		box-sizing: border-box;
		width: 100%;
		/* height: 100%; */
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-row-gap: 25rpx;
		grid-column-gap: 25rpx;
		
		._item {
			width: 212rpx;
			height: 212rpx;
			border-radius: 20rpx;
			overflow: hidden;
		}
	}
	
	.gift_warp {
		background-color: #171525;
		padding: 0 32rpx 32rpx 32rpx;
		box-sizing: border-box;
		width: 100%;
		/* height: 100%; */
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-row-gap: 15rpx;
		grid-column-gap: 15rpx;
		
		._item {
			width: 160rpx;
			height: 229rpx;
			overflow: hidden;
			background: rgba(229,221,255,0.1);
			border-radius: 16rpx;
			justify-content: center;
			align-items: center;
			box-sizing: border-box;
			
			.icon {
				width: 120rpx;
				height: 120rpx;
			}
			
			.gift_info_box {
				margin-top: 16rpx;
				width: 100%;
				text-align: center;
				font-size: 22rpx;
				font-family: PingFang SC;
				
				.name {
					font-weight: 500;
					color: #F1EDFF;
				}
				
				.num {
					font-weight: 400;
					color: #E5DDFF;
					opacity: 0.3;
				}
			}
		}
	}
}

.footer_zw {
	width: 100%;
	height: 160rpx;
}

.footer {
	height: 160rpx;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99;
	justify-content: center;
	padding: 0 105rpx;
	
	.btn {
		width: 340rpx;
		/* width: 240rpx; */
		height: 86rpx;
		border-radius: 43rpx;
		text-align: center;
		line-height: 86rpx;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		
		&.lt {
			color: #FFDE8E;
			background: linear-gradient(90deg, #4C2D35 1%, #614F39 100%);
		}
		&.gz {
			color: #FC81EC;
			background: linear-gradient(90deg, #422959 1%, #AD4487 100%);
		}
		
		&.ungz {
			color: #5E5268!important;
			background: #3F3646!important;;
		}
	}
}



.fixed_c {
	box-sizing: border-box;
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99;
}

.nodata {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-top: 140rpx;
	box-sizing: border-box;
	align-items: center;
	
	.nodata_img {
		width: 230rpx;
		height: 230rpx;
	}
	
	.msg {
		margin-top: 20rpx;
		font-size: 22rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #E5DDFF;
		opacity: 0.6;
	}
}